monorepo 구성(아직 작성 중)

마지막 수정일: 2025. 09. 02.

ts, js 컴파일과 빌드 과정 treeshaking, polyfill, code splitting 과정 좀 해야될 듯
dom, virtual dom에 대해서도
parsing interpreter jit justintime compilation

dom diff reconcilation
fiber tree context api
https://m.blog.naver.com/dlaxodud2388/223195103660

tsconfig

deifne compile configurtaion
include, exclude, schema, extends, reference, compileoption
workspace

vite

build tool

  • dev 모드에선 esbuild로 빠른 변환, build 모드에선 Rollup으로 최종 산출물 번들링

package.json

프로젝트 단위의 mange package (dependencies, scripts, meta, workspace 등)
npm install abbrev -w view
install abbrew package in workspace view

tsc js 변환 + type 체크, tsc로 type check만 하고 빌드하기도 함
tsx esbuild를 사용해서 실행만

esbuild

go로 작성된 webpack, babel 전통적인 트랜스파일러에 대안

  1. 트랜스파일러 (TS → JS, JSX → JS)
  2. 번들러 (import/export → 하나의 파일로 합치기)
  3. 압축기 (minifier, uglify)

SWC

rust로 작성
Speedy Web Compiler
ast 변환이 세밀함

babel

transpiler(compiler)

webpack

bundler